<html>
	<head>
		<meta charset="UTF-8" />
		<title>SIP client WebRTC</title>
		<style type="text/css">
			li.present {
				font-weight : bold;
				font-style : italic;
			}
		</style>
	</head>
	
	<body>
		<form>
			<p id="result" hidden></p>
			<p id="eventsSIPStack"></p>
			<table>
				<tr>
					<td><label for="displayName">Display name</label></td>
					<td><input type="text" id="displayName" value="1060" /></td>
				</tr>
				<tr>
					<td><label for="identity">Identity</label></td>
					<td><input type="text" id="identity" value="1060" /></td>
				</tr>
				<tr>
					<td><label for="password">Password</label></td>
					<td><input type="password" id="password" value="1060" /></td>
				</tr>
				<tr>
					<td><label for="domain">Domain</label></td>
					<td><input type="text" id="domain" value="10.69.173.68" /></td>
				</tr>
				<tr>
					<td><label for="message">Message</label></td>
					<td><input type="text" id="message" /></td>
				</tr>
				<tr>
					<td></td>
					<td>
						<button type="button" id="loginBtn">Login</button>
						<button type="button" id="logoutBtn" disabled>Logout</button>
						<button type="button" id="subscribeBtn">Subscribe presence</button>
					</td>
				</tr>
			</table>
		</form>
		
		<ul>
			<li id="1060" class="contact">Alice</li>
			<li id="1061" class="contact">Bob</li>
			<li id="1062" class="contact">Carole</li>
			<li id="1063" class="contact">Daniel</li>
			<li id="1064" class="contact">Emilie</li>
		</ul>
		
		<form>
			<p id="eventsAudioSession"></p>
			<p id="callStatus" hidden></p>
			<input type="text" id="number" value="1061" />
			<button type="button" disabled id="callBtn">Call</button>
			<button type="button" disabled id="videoCallBtn">Video call</button>
			<button type="button" disabled id="hangupBtn">Hang up</button>
			<button type="button" disabled id="answerBtn">Answer</button>
		</form>
		
		<audio id="remoteAudio" autoplay="autoplay"></audio>
		<video id="remoteVideo" autoplay="autoplay" width="340px"></video>
		<video id="localVideo" autoplay="autoplay" muted="muted" width="88px" height="72px"></video>
		
		<audio id="ringBackTone" loop>
			<source src="ringbacktone.mp3" type="audio/mpeg" />
			<!--<source src="" type="audio/ogg" />-->
		</audio>
		
		<script type="text/javascript" src="http://sipml5.googlecode.com/svn/trunk/release/SIPml-api.js"></script>
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="sip.js"></script>
	</body>
</html>
